<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>首页</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
</head>
<body style="background-color: #fff">
    <div style="height: 5rem;width: 5rem;margin: 0 auto;text-align: center">
        <div class="aui-row">
            <img src="../image/aui-icon.png" class="aui-img-round">
        </div>
        <span style="margin: 10px 10px 0 0">掌上兴文</span>
    </div>
    <div id="tab_index">
        <section class="aui-grid aui-margin-b-15">

            <div class="aui-row">
                <script>
                    function changePage(){
                        window.location.href = "right_now_chat.html";
                    }
                </script>
                <a onclick="changePage()" href="javascript:void(0);">
                    <div class="aui-col-xs-4">
                        <i class="aui-iconfont aui-icon-mobile"></i>
                        <div class="aui-grid-label">联系人</div>
                    </div>
                </a>

                <div class="aui-col-xs-4">
<<<<<<< HEAD
                    <i class="aui-iconfont aui-icon-date"></i>
                    <div class="aui-grid-label">公文通知</div>
=======
                    <a href="javascript:void(0);" onclick="function () {
                      window.location.href='offical_noticet.html';
                    }">
                        <div class="aui-badge">88</div>
                        <i class="aui-iconfont aui-icon-home"></i>
                        <div class="aui-grid-label">首页</div>
                    </a>
                </div>

                <div class="aui-col-xs-4">
                    <i class="aui-iconfont aui-icon-gear"></i>
                    <div class="aui-grid-label">设置</div>
>>>>>>> 9235c7aab8d4037e8d7485468e576ad1aa5432cb
                </div>

                <div class="aui-col-xs-4">
                    <i class="aui-iconfont aui-icon-map"></i>
                    <div class="aui-grid-label">地图浏览</div>
                </div>


                <div class="aui-col-xs-4">
                    <i class="aui-iconfont aui-icon-mail"></i>
                    <div class="aui-grid-label">信息共享</div>
                </div>

                <div class="aui-col-xs-4">
                    <div class="aui-badge"></div>
                    <i class="aui-iconfont aui-icon-pencil"></i>
                    <div class="aui-grid-label">移动考勤</div>
                </div>

                <div class="aui-col-xs-4">
                    <div class="aui-dot"></div>
                    <i class="aui-iconfont aui-icon-flag"></i>
                    <div class="aui-grid-label">法律法规</div>
                </div>

                <div class="aui-col-xs-4">
                    <i class="aui-iconfont aui-icon-cert"></i>
                    <div class="aui-grid-label">公众监督</div>
                </div>

                <div class="aui-col-xs-4">
                    <div class="aui-badge"></div>
                    <i class="aui-iconfont aui-icon-search"></i>
                    <div class="aui-grid-label">通用查询</div>
                </div>
            </div>
        </section>


    </div>

    <footer class="aui-bar aui-bar-tab" id="footer">

        <div class="aui-bar-tab-item aui-active" tapmode>
            <i class="aui-iconfont aui-icon-home"></i>
            <div class="aui-bar-tab-label">首页</div>
        </div>

        <div class="aui-bar-tab-item" tapmode>
            <i class="aui-iconfont aui-icon-star"></i>
            <div class="aui-bar-tab-label">消息</div>
        </div>

        <div class="aui-bar-tab-item" tapmode>
            <div class="aui-dot"></div>
            <i class="aui-iconfont aui-icon-my"></i>
            <div class="aui-bar-tab-label">个人</div>
        </div>

    </footer>

</body>
<script type="text/javascript" src="../script/api.js" ></script>
<script type="text/javascript" src="../script/aui-tab.js" ></script>
<script type="text/javascript">

    apiready = function(){
        api.parseTapmode();
    }
    var tab = new auiTab({
        element:document.getElementById("footer")
    },function(ret){
        console.log(ret);
        if(ret){
            document.getElementById("tab_index").textContent = ret.index;
        }
    });
</script>
</html>